<template>
<div class="flex-center fill-base pd-md">
  <div class="search-item flex-1">
    <div class="iconfont iconsearch" style="font-size: 14px;margin:0 auto"> {{o.data.placeholder}}</div>
  </div>
  <div style="" v-if="o.data.isShowCateAll === true">
    <div class="iconfont iconshangpinfenlei pl-md" style="font-size:20px"></div>
    <div class="text-right" style="font-size:10px">分类</div>
  </div>
</div>
</template>

<script>
export default {
  name: 'search',
  props: {
    o: Object
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.search-item {
  height: 32px;
  background: #f4f6f8;
  border-radius: 16px;
  padding: 0 8px 0 17px;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  color: #888;
}
</style>
